#first pic
def demo():
    app.title = '折柱混合';
    option = {
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                crossStyle: {
                    color: '#999'
                }
            }
        },
        toolbox: {
            feature: {
                dataView: {show: true, readOnly: false},
                magicType: {show: true, type: ['line', 'bar']},
                restore: {show: true},
                saveAsImage: {show: true}
            }
        },
        legend: {
            data:['male number','female number','male percentage','female percentage']
        },
        xAxis: [
            {
                type: 'category',
                data: ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','other'],
                axisPointer: {
                    type: 'shadow'
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
                name: '人数',
                min: 0,
                max: 250000,
                interval: 50000,
                axisLabel: {
                    formatter: '{value} '
                }
            },
            {
                type: 'value',
                name: '占比',
                min: 0,
                max: 100,
                interval: 10,
                axisLabel: {
                    formatter: '{value} %'
                }
            }
        ],
        series: [
            {
                name:'male number',
                type:'line',
                data:[222567,208137,191234,162221,126039, 90796, 62681, 43515, 29783,
      20121,13116,9305,6815, 4937,3762,115524]
            },
            {
                name:'female number',
                type:'line',
                data:[85527,79332,72290,62153,48240,35145,24478,17084,12001,8157,
      5472,3995,2923,2235,1734,60893]
            },
            {
                name:'male percentage',
                type:'line',
                yAxisIndex: 1,
                data:[72.23996572, 72.40328522, 72.56796345, 72.29937515 ,72.32024512, 72.0940758,
     71.91569431, 71.80811565 ,71.2784798 , 71.15425419, 70.56165268, 69.96240602,
     69.98356952, 68.83714445 ,68.44978166, 65.48348515]
            },
            {
                name:'female percentage',
                type:'line',
                yAxisIndex: 1,
                data:[27.76003428 ,27.59671478 ,27.43203655 ,27.70062485, 27.67975488, 27.9059242,
     28.08430569, 28.19188435, 28.7215202 , 28.84574581, 29.43834732, 30.03759398,
     30.01643048, 31.16285555, 31.55021834, 34.51651485]
            }
        ]
    };
